<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
    <title></title>
    <style type="text/css">
        .part
        {
            float:left;
            width: 450px;
            margin: 5px;
            height: auto;
        }
        .right_part
        {
            height: auto;
            width: 350px;
            float: right;
        }
        .left_part
        {
            height: auto;
            width: auto;
            float: left;
            font-family: Arial, Helvetica, sans-serif;
        }
        #header
        {
            text-align: center;
            font-weight: bolder;
            font-family: Arial, Helvetica, sans-serif;
        }
        #text_txt
        {
            height: 170px;
        }
    </style>
</head>
    <div class="part">
        <div id="header" class="part">
            Комментарий</div>
        <div class="part">
            <div class="left_part">
                Текст:</div>
            <textarea class="right_part" id="text_txt" name="text_txt" name="text_txt"></textarea>
        </div>
        <div class="part">
            <input type="submit" id = "add_cmnt" name="add_cmnt" value="Добавить комментарий" onclick="SubmitComment();"/> 
        </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function () {
        $("#error").html("");
    });
    function SubmitComment() {    	 
		 var url = window.location.toString();
		 url.match(/\?(.+)$/);
		 var params = RegExp.$1;
		 var params = params.split("&");
		 var queryStringList = {};		 
		 for(var i=0;i<params.length;i++)
		 {
		     var tmp = params[i].split("=");
		     queryStringList[tmp[0]] = unescape(tmp[1]);
		 }
		 var gourl="/add_cmnt?"
		 for(var i in queryStringList)
		     gourl+=i+"="+queryStringList[i]+"&";
		 var txt=document.getElementById("text_txt").value;
		 if(txt!=null && txt!="")
		 {
		 	gourl+="text="+document.getElementById("text_txt").value;
		 	$("#error").html("");
		 	$.ajax({
            url: gourl,
            success: OnSuccessSC,
            error: OnErrorSC
        	});
		 }
		 else
		 	$("#error").html("Введите текст комментария!");
    }
    function OnSuccessSC(resp) {
    	if (resp=="success")
    	{
    		$("#error").html("<div style=\"color: #008800\">Комментарий добавлен!</div>");
    		window.location.reload();
    	}
    	else
    		OnErrorSC(resp);
    }
    function OnErrorSC(resp) {
    	$("#error").html("Не удалось добавить комментарий!");
    }
    </script>
</html>